<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <style type="text/css">
       #big{
           background-color:white;
           margin: 0 auto;
           width: 1200px;
       }
        #form{
           background-color:white;
           width: 500px;
           margin-left: 375px;
           margin-right: 375px;
           margin-top:150px ;
        }
        table{
            border-collapse: separate;
            border-spacing: 30px;
        }
        #login{
            width: 410px;
            height: 40px;
            background-color:crimson;
            font-size: larger;
            color: white;
            margin-top: 15px;
            margin-left: 35px;
            margin-right: 20px;
        }
    </style>
</head>
<body>
    <div id="big">
        <h1>酷阅小说网</h1>
        <div id="form">
        <form action="/main/" method="get">
            <table>
                <tr>
                    <td style="font-size:40px;" >账号：</td>
                    <td><input type="text" placeholder="填入账号" name="userid" style="width: 250px;height: 50px;font-size: larger"></td>
                </tr>
                <tr>
                    <td style="font-size:40px">密码：</td>
                    <td><input type="password" placeholder="填入密码" name="password" style="width: 250px;height: 50px;font-size: larger"></td>
                </tr>
                </table>
        <div>
            <div>
                <input type="checkbox" style="margin-left: 35px;"><label >自动登录</label>
                <a href="" style="margin-left: 260px;text-decoration:none;">忘记密码？</a>
            </div>
            <div>
                    <input type="submit" value="登录" id="login">
            </div>
            <div style="margin-top: 10px;">
                    <a href="/register/" style="margin-left: 200px;text-decoration: none">免费注册</a>
            </div>
        </div>
        </form>
        </div>
    </div>
</body>
</html>

